home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1843 / 1843.xpi / skin / classic / mac / firebug.css < prev    next >
Cascading Style Sheet File  |  2009-10-22  |  12KB  |  441 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. #fbFirebugMenu {
  4.     margin: 0 2px 0 4px;
  5.     padding: 0;
  6.     list-style-image: url(chrome://firebug/skin/mac/firebugMenu.png);
  7. }
  8.  
  9. #fbFirebugMenu > .toolbarbutton-icon {
  10.     padding: 0;
  11. }
  12.  
  13. #fbFirebugMenu:hover {
  14.     list-style-image: url(chrome://firebug/skin/mac/firebugMenuHover.png);
  15. }
  16.  
  17. #fbFirebugMenu:hover:active,
  18. #fbFirebugMenu[open="true"] {
  19.     list-style-image: url(chrome://firebug/skin/mac/firebugMenuOpen.png);
  20. }
  21.  
  22. #fbFirebugMenu > .toolbarbutton-text,
  23. #fbFirebugMenu > .toolbarbutton-menu-dropmarker {
  24.     display: none;
  25. }
  26.  
  27. /************************************************************************************************/
  28.  
  29. #fbCommandToolbar {
  30.     border-top: 1px solid #BBB9BA;
  31.     background: #F6F6F6 url(chrome://firebug/skin/mac/toolbar.gif) repeat-x;
  32. }
  33.  
  34. #fbLargeCommandLine {
  35.     -moz-appearance: none;
  36.     border: none;
  37.     border-top: 1px solid;
  38.     -moz-border-top-colors: #BBB9BA;
  39.     padding: 2px;
  40. }
  41.  
  42. #fbContentSplitter {
  43.     border-top: 1px solid #BBB9BA;
  44.     border-bottom: none;
  45.     background: #f3f3f3 !important;
  46.     min-height: 3px;
  47.     max-height: 3px;
  48. }
  49.  
  50. #fbPanelSplitter {
  51.     background: #f3f3f3 !important;
  52.     border-left: 1px solid #BBB9BA;
  53.     border-right: 1px solid #BBB9BA;
  54.     min-width: 8px;
  55.     max-width: 8px;
  56. }
  57.  
  58. #fbPanelSplitter[orient="vertical"] {
  59.     border: none;
  60.     border-top: 1px solid #BBB9BA;
  61.     min-height: 8px;
  62.     max-height: 8px;
  63.     min-width: 0;
  64.     max-width: none;
  65. }
  66.  
  67. #fbToolbar {
  68.     padding-left: 4px;
  69.     background: #F6F6F6 url(chrome://firebug/skin/mac/toolbar.gif) repeat-x;
  70.     border-bottom: none;
  71. }
  72.  
  73. .innerToolbar {
  74.     margin-right: 5px;   /* add some space between last button and first tab */
  75. }
  76.  
  77.  
  78. .fbsearch-textbox {
  79.     -moz-border-radius: 10px !important;
  80.     padding-left: 5px !important;
  81. }
  82.  
  83. #fbSearchOptionsPanel {
  84.     -moz-appearance: none;
  85.     -moz-window-shadow: none;
  86.     background-color: transparent;
  87.     margin-bottom: 2px;
  88.     margin-right: -12px;
  89.     -moz-border-image: url(chrome://firebug/skin/mac/search-panel.png) 16 50 24 12 / 16px 50px 24px 12px repeat;
  90. }
  91. #fbSearchOptionsPanel[position="after_end"] {
  92.     -moz-border-image: url(chrome://firebug/skin/mac/search-panel-down.png) 25 50 18 12 / 25px 50px 18px 12px repeat;
  93. }
  94.  
  95. #fbSearchOptionsPanel > vbox {
  96.   margin-right: -38px;
  97. }
  98.  
  99. .fbsearch-options-label {
  100.     color: #ffffff;
  101. }
  102.  
  103. .fbsearch-options-buttons {
  104.     -moz-appearance: none;
  105.     background: url("chrome://firebug/skin/mac/hud-style-button-middle-background.png") repeat-x #464646 center center;
  106.     border: 3px solid;
  107.     -moz-border-top-colors: rgba(0,0,0,0.35) rgba(26,26,26,0.5) rgba(255,255,255,0.4);
  108.     -moz-border-right-colors: rgba(53,53,53,1) rgba(53,53,53,1) rgba(162,162,162,1);
  109.     -moz-border-bottom-colors: rgba(128,128,128,0.35) rgba(0,0,0,0.5) rgba(255,255,255,0.15);
  110.     -moz-border-left-colors: rgba(0,0,0,0.35) rgba(26,26,26,0.5) rgba(255,255,255,0.4);
  111.     -moz-border-radius: 20px;
  112.     padding: 1px 9px;
  113.     margin: 10px 0 0;
  114.     min-height: 0px;
  115.     color:  #ffffff;
  116. }
  117.  
  118. .fbsearch-options-buttons > .button-box > .button-text {
  119.     margin: 0 !important;
  120. }
  121.  
  122. .fbsearch-options-buttons:hover:active {
  123.     background-color: #86888B; !important;
  124. }
  125.  
  126.  
  127. .toolbarbutton-iconic {
  128.     margin: 0 4px 0 1px !important;
  129.     padding: 0 !important;
  130.     border: none !important;
  131.     background: transparent !important;
  132. }
  133.  
  134. .toolbarbutton-iconic > .toolbarbutton-icon {
  135.     padding: 0;
  136. }
  137.  
  138. .toolbarbutton-iconic > .toolbarbutton-text {
  139.     display: none;
  140. }
  141.  
  142. #fbMinimizeButton {
  143.     list-style-image: url(chrome://firebug/skin/mac/min.png) !important;
  144. }
  145.  
  146. #fbMinimizeButton:hover {
  147.     list-style-image: url(chrome://firebug/skin/mac/minHover.png) !important;
  148. }
  149.  
  150. #fbMinimizeButton:hover:active {
  151.     list-style-image: url(chrome://firebug/skin/mac/minActive.png) !important;
  152. }
  153.  
  154. #fbCloseButton {
  155.     list-style-image: url(chrome://firebug/skin/mac/close.png) !important;
  156. }
  157.  
  158. #fbCloseButton:hover {
  159.     list-style-image: url(chrome://firebug/skin/mac/closeHover.png) !important;
  160. }
  161.  
  162. #fbCloseButton:hover:active {
  163.     list-style-image: url(chrome://firebug/skin/mac/closeActive.png) !important;
  164. }
  165.  
  166. #fbDetachButton {
  167.     list-style-image: url(chrome://firebug/skin/mac/detach.png) !important;
  168. }
  169.  
  170. #fbDetachButton:hover {
  171.     list-style-image: url(chrome://firebug/skin/mac/detachHover.png) !important;
  172. }
  173.  
  174. #fbDetachButton:hover:active {
  175.     list-style-image: url(chrome://firebug/skin/mac/detachActive.png) !important;
  176. }
  177.  
  178. #fbCommandToggleSmall {
  179.     list-style-image: url(chrome://firebug/skin/mac/detach.png) !important;
  180. }
  181.  
  182. #fbCommandToggleSmall:hover {
  183.     list-style-image: url(chrome://firebug/skin/mac/detachHover.png) !important;
  184. }
  185.  
  186. #fbCommandToggleSmall:hover:active {
  187.     list-style-image: url(chrome://firebug/skin/mac/detachActive.png) !important;
  188. }
  189.  
  190. #fbCommandToggleLarge {
  191.     list-style-image: url(chrome://firebug/skin/mac/min.png) !important;
  192. }
  193.  
  194. #fbCommandToggleLarge:hover {
  195.     list-style-image: url(chrome://firebug/skin/mac/minHover.png) !important;
  196. }
  197.  
  198. #fbCommandToggleLarge:hover:active {
  199.     list-style-image: url(chrome://firebug/skin/mac/minActive.png) !important;
  200. }
  201.  
  202. /********************************************************************************************/
  203.  
  204. .panelTabBox {
  205.     background: #e0e0e0 url(chrome://firebug/skin/mac/tabBar.gif) repeat-x;
  206.     border-bottom: 1px solid #BBB9BA;
  207.     padding: 0 2px 0 2px;
  208.     overflow: hidden;
  209. }
  210.  
  211. .panelTabs {
  212.     -moz-box-align: end;
  213. }
  214.  
  215. panelTab {
  216.     margin: 2px 1px 0 3px;
  217.     font-size: 11px;
  218.     font-weight: bold;
  219.     color: #565656;
  220.     direction: ltr;
  221. }
  222. panelTab:hover,
  223. panelTab[selected="true"] {
  224.     margin-bottom: 0px;
  225. }
  226.  
  227. .panelTab-left {
  228.     width: 6px;
  229. }
  230.  
  231. .panelTab-text {
  232.     margin: 0;
  233.     padding: 3px 1px 4px 1px;
  234. }
  235.  
  236. .panelTab-right {
  237.     width: 6px;
  238. }
  239.  
  240. panelTab:hover > .panelTab-left {
  241.     background: url(chrome://firebug/skin/mac/tabLeftHover.png) no-repeat top;
  242. }
  243.  
  244. panelTab:hover > .panelTab-text {
  245.     background: url(chrome://firebug/skin/mac/tabMidHover.png) repeat-x top;
  246. }
  247.  
  248. panelTab:hover > panelTabMenu {
  249.     background: url(chrome://firebug/skin/mac/tabMidHover.png) repeat-x top;
  250. }
  251.  
  252. panelTab:hover > .panelTab-right {
  253.     background: url(chrome://firebug/skin/mac/tabRightHover.png) no-repeat top;
  254. }
  255.  
  256. panelTab[selected="true"] > .panelTab-left {
  257.     background: url(chrome://firebug/skin/mac/tabLeft.png) no-repeat top;
  258. }
  259.  
  260. panelTab[selected="true"] > .panelTab-text {
  261.     background: url(chrome://firebug/skin/mac/tabMid.png) repeat-x top;
  262. }
  263.  
  264. panelTab[selected="true"] > panelTabMenu {
  265.     background: url(chrome://firebug/skin/mac/tabMid.png) repeat-x top;
  266. }
  267.  
  268. panelTab[selected="true"] > .panelTab-right {
  269.     background: url(chrome://firebug/skin/mac/tabRight.png) no-repeat top;
  270. }
  271.  
  272. /************************************************************************************************/
  273.  
  274. #fbPanelStatus {
  275.     margin: 2px 5px 3px 0;
  276.     padding: 0 5px;
  277.     overflow: hidden;
  278. }
  279.  
  280. .panelStatusSeparator {
  281.     margin: 0;
  282.     color: #999999;
  283. }
  284.  
  285. .panelStatusLabel {
  286.     margin: 0;
  287.     padding: 0 4px;
  288.     cursor: pointer;
  289.     color: #565656;
  290. }
  291.  
  292. .panelStatusLabel:hover {
  293.     color: blue;
  294. }
  295.  
  296. .panelStatusLabel[selected="true"] {
  297.     font-weight: bold;
  298. }
  299.  
  300. .menuHeader {
  301.     margin: 2px 16px;
  302.     color: #565656;
  303. }
  304.  
  305. /************************************************************************************************/
  306.  
  307. .toolbar-text-button,
  308. .toolbar-text-menubutton {
  309.     -moz-appearance: none;
  310.     margin: 0 1px;
  311.     padding: 1px 0px 1px 7px;
  312.     min-width: 0;
  313.     max-width: 13em;
  314.     font-weight: bold;
  315.     color: #565656;
  316.     border: none !important;
  317. }
  318.  
  319. .toolbar-text-button > .toolbarbutton-text {
  320.     margin-left: 7px;
  321.     padding-right: 7px;
  322. }
  323.  
  324. .toolbar-text-button > .toolbarbutton-icon {
  325.   display: none !important;
  326. }
  327.  
  328. .toolbar-text-button:hover:not([disabled="true"]),
  329. .toolbar-text-menubutton:hover:not([disabled="true"]) {
  330.   background: url("chrome://browser/skin/bookmark-hover-left.png") no-repeat left center;
  331. }
  332.  
  333. .toolbar-text-button:hover:not([disabled="true"]) > .toolbarbutton-text,
  334. .toolbar-text-menubutton:hover:not([disabled="true"]) > .toolbarbutton-menu-dropmarker {
  335.   background: url("chrome://browser/skin/bookmark-hover-right.png") no-repeat right center;
  336.   color: #fff;
  337. }
  338.  
  339. .toolbar-text-menubutton:hover:not([disabled="true"]) > .toolbarbutton-text {
  340.   background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x;
  341.   color: #fff;
  342. }
  343.  
  344. .toolbar-text-button:hover:active:not([disabled="true"]),
  345. .toolbar-text-button[checked="true"]:not([disabled="true"]),
  346. .toolbar-text-menubutton:hover:active:not([disabled="true"]),
  347. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) {
  348.   background: url("chrome://browser/skin/bookmark-open-left.png") no-repeat left center;
  349. }
  350.  
  351. .toolbar-text-menubutton:hover:active:not([disabled="true"]) > .toolbarbutton-text,
  352. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) > .toolbarbutton-text {
  353.   background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
  354.   color: #fff;
  355. }
  356.  
  357. .toolbar-text-button:hover:active:not([disabled="true"]) > .toolbarbutton-text,
  358. .toolbar-text-button[checked="true"]:not([disabled="true"]) > .toolbarbutton-text,
  359. .toolbar-text-menubutton:hover:active:not([disabled="true"]) > .toolbarbutton-menu-dropmarker,
  360. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) > .toolbarbutton-menu-dropmarker {
  361.   background: url("chrome://browser/skin/bookmark-open-right.png") no-repeat right center;
  362. }
  363.  
  364. .toolbar-text-button[checked="true"] {
  365.     background-color: transparent;
  366. }
  367.  
  368. .toolbar-text-button[checked="true"] > .toolbarbutton-text {
  369.     color: #FFFFFF;
  370. }
  371.  
  372. .toolbar-text-button .toolbarbutton-text,
  373. .toolbar-text-menubutton .toolbarbutton-text {
  374.   font-size: 100% !important;
  375.   margin: 0px !important;
  376. }
  377.  
  378. .toolbar-text-button > .toolbarbutton-text,
  379. .toolbar-text-menubutton > .toolbarbutton-text {
  380.   display: -moz-box !important;
  381.   height: 16px !important;
  382.   padding-top: 1px;
  383. }
  384.  
  385. .toolbar-text-button > .toolbarbutton-menu-dropmarker,
  386. .toolbar-text-menubutton > .toolbarbutton-menu-dropmarker {
  387.     list-style-image: url("chrome://browser/skin/bookmarks/folderarrow.png");
  388.     width:  16px !important;
  389.     height: 16px !important;
  390.     padding: 5px 5px 4px 3px;
  391. }
  392.  
  393. .toolbar-text-menubutton:hover:not([disabled="true"]) > .toolbarbutton-menu-dropmarker,
  394. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) > .toolbarbutton-menu-dropmarker  {
  395.     list-style-image: url("chrome://browser/skin/bookmarks/folderarrow-hover.png");
  396. }
  397.  
  398. .toolbar-text-button[disabled="true"] > .toolbarbutton-menu-dropmarker,
  399. .toolbar-text-menubutton[disabled="true"] > .toolbarbutton-menu-dropmarker {
  400.     list-style-image: none;
  401. }
  402.  
  403. /********************************************************************************************/
  404.  
  405. .toolbar-text-menulist {
  406.     margin-top: 0;
  407.     margin-bottom: 0;
  408.     -moz-appearance: none;
  409.     color: #565656;
  410. }
  411.  
  412. .toolbar-text-menulist > .menulist-label-box {
  413.     -moz-appearance: none;
  414.     border: none;
  415.     padding-left: 8px;
  416.     background: url(chrome://firebug/skin/menulistLeft.png) no-repeat left center;
  417. }
  418.  
  419. .toolbar-text-menulist > .menulist-dropmarker {
  420.     -moz-appearance: none;
  421.     width: 20px;
  422.     background: url(chrome://firebug/skin/menulistRight.png) no-repeat left center;
  423. }
  424.  
  425. .toolbar-text-menulist > .menulist-dropmarker > .dropmarker-icon {
  426. }
  427.  
  428. .toolbar-label {
  429.     color: #565656;
  430. }
  431.  
  432. /* ensure the inner toolbar background looks the same as the other toolbars */
  433. #fbToolbarInner.innerToolbar {
  434.     background: #F6F6F6 url(chrome://firebug/skin/mac/toolbar.gif) repeat-x;
  435.     margin-left: -5px;
  436.     margin-right: 0px;
  437. }
  438.  
  439. .useA11y #fbPanelBar1 textbox[focused] {
  440.     -moz-outline-radius: 10px !important;    
  441. }